<template>
  <div>
    <div id="main" style="width: 100%; height: 100%" />
  </div>
</template>

<script>
// 导入echarts包
import * as echarts from 'echarts'
// 指定一个dom元素，来显示图标
// var option
export default {
  data() {
    return {
      option: {

        radar: {
            center: ['50%', '58%'],
            splitArea: {
                areaStyle: {
                    color: 'rgba(220,220,220,1)'
                }
            },
          // shape: 'circle',
          indicator: [
            { name: '逻辑思维', max: 100 },
            { name: '项目相关', max: 100 },
            { name: '基础知识', max: 100 },
            { name: '理论基础', max: 100 },
            { name: '高阶技术', max: 100 }

          ]
        },
        series: [
          {
            name: 'Budget vs spending',
            type: 'radar',
            data: [
              {
          value: [65, 80, 40, 40, 70],
          symbolSize: 0,
          name: 'Data D',
          areaStyle: {
            color: new echarts.graphic.RadialGradient(0.1, 0.6, 1, [
              {
                color: 'rgba(10,127,148,1)',
                offset: 0
              }
            ])
          }
        }
            ]
          }
        ]
      }
    }
  },
  created() {},
  mounted() {
    var chartDom = document.getElementById('main')
    var myChart = echarts.init(chartDom)
    this.option && myChart.setOption(this.option)
  }
}
</script>

<style>

</style>
